<template>
  <div class="Commentpage">
    <acManageTitle>
      <template #right>
        <span class="rightName">活动管理页面</span>
      </template></acManageTitle
    >
    <div class="comment">
      <div class="Actiontitle">家长工作坊-家庭暖心活动</div>
      <div class="content">
        <p>家庭是心的呼唤！家庭是情的交流！家庭是爱的传递！</p>
        <p>行动中、话语间、眼神里</p>
        <p>我们看到的是一种信任、一份放心、一份期待🎈</p>
        <div class="images">
          <img src="@/assets/image/1.jpg" />
          <img src="@/assets/image/2.jpg" />
          <img src="@/assets/image/3.jpg" />
          <img src="@/assets/image/4.jpg" />
        </div>
        <p>
          团队和家长沟通了孩子在校的学习、生活情况，围绕假期安全监管、心理健康教育、暑假生活规划进行了细致入微地交流，熟知防溺水安全、交通安全、食品、用电安全、防疫安全以及极端天气自护方法等各项安全常识，确保每个孩子都能过一个平安、充实、有意义的假期。
        </p>
        <p>
          同时，家长们畅所欲言，为团队发展进言献策，成员们认真听取并做了详细记录，为今后更好的开展家校共育工作铺砖添瓦。活动归来，成员们相互交流沟通，总结经验，做好情况记录，一笔一划，一撇一捺，用责任与爱留下印记！
        </p>
        <p>
          真的交流，贴心的问候，殷切的希望，温暖拉近了每一位成员和家长的心❤️，通过本次家庭活动，我们不仅了解到了平时不了解的情况，与家长进行了情感沟通，达成了共识，更大范围地取得了社会对教师工作的尊重与认同，也使得我们自己再次感受到了教师工作的神圣与责任，激发了工作热情;更使我们得到了教育和锻炼。接下来让我们一起携手👊🏻，让爱传递💕
        </p>
      </div>
    </div>
    <div class="userComment">
      <div class="commentTitle">评论列表</div>
      <div class="cstyle">
        <div class="user"><img src="@/assets/image/a1.png" /> 小布丁</div>
        <span>
          和谐社会离不开家庭和谐。此次活动非常有意义，“与生”团队赞赞赞！！！希望将来也能有幸加入
        </span>
      </div>
      <div class="cstyle">
        <div class="user"><img src="@/assets/image/a4.png" /> 与生团队</div>
        <span> 感谢大家给予的肯定。我们日后一定加倍努力！！ </span>
      </div>
      <div class="cstyle">
        <div class="user"><img src="@/assets/image/a2.png" /> 哆啦A梦</div>
        <span
          >这是一次非常有意义的活动。作为这次活动的参与者，我受益良多！</span
        >
      </div>
      <div class="cstyle">
        <div class="user"><img src="@/assets/image/a3.png" /> 小猫咪</div>
        <span
          >看了一圈评价，团队的活动都蛮有趣的样子。关键是每个活动都有很大的积极意义！🎈🎈</span
        >
      </div>
    </div>
  </div>
</template>
<script>
import acManageTitle from '@/components/acManageTitle.vue'
export default {
  components: {
    acManageTitle: acManageTitle
  },
  created() {
    this.getActivityInfo()
  },
  data() {
    return {
      id: this.$route.params.acId,
      activityInfo: {}
    }
  },
  methods: {
    getActivityInfo() {
      // this.$http.get('api/goods/getinfo/' + this.id).then((res) => {
      //   if (res.data.status === 0) {
      //     this.activityInfo = res.data.message[0]
      //   }
      // })
      console.log('123')
    }
  }
}
</script>
<style lang="less" scoped>
.rightName {
  font-size: 0.52rem;
  color: #fbb40a;
}
.Commentpage {
  width: 100%;
  height: 860px;
  background: url('@/assets/image/背景.png');
  background-size: 100% 100%;
  background-color: rgba(128, 1, 1, 1);
  .userComment,
  .comment {
    margin-top: 20px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
    border-style: solid;
    border-width: 0.0375rem;
    border-color: #ff000e;
  }
}
.userComment {
  padding-bottom: 0.25rem;
  .commentTitle {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 5px;
  }
}
.Actiontitle {
  width: 100%;
  //height: 10%;
  background-image: url('@/assets/image/导航.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  font: normal 500 22px 'monospace';
  line-height: 1rem;
  color: rgb(255, 255, 255);
}
.content {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
  }
  .images {
    padding: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    img {
      width: 3.125rem;
      height: 100%;
    }
  }
}
.cstyle {
  width: 95%;
  margin-top: 0.25rem;
  margin-right: 2.5%;
  //margin-bottom: 0.25rem;
  margin-left: 2.5%;
  border-style: solid;
  border-radius: 0.125rem;
  border-width: 0.0375rem;
  border-color: #ff000e;
  img {
    width: 0.625rem;
    height: 0.625rem;
  }
  .user {
    padding-top: 0.125rem;
    padding-left: 0.125rem;
    height: 0.625rem;
    color: rgba(255, 255, 255, 0.8);
    font: normal 400 16px '微软雅黑';
    line-height: 0.625rem;
  }
  span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    padding-left: 0.5rem;
  }
}
</style>
